body,html{
    width:100%;
    height:100%;
}

.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
.head{
    background: #ff5793;
    display: flex;
    justify-content: flex-start;
    .px2rem(height,80);
    img{
        .px2rem(width,15);
        .px2rem(height,30);
//     .px2rem(margin,20);  
       .px2rem(margin-top,25);
       .px2rem(margin-left,25);
    }
    .queren{
        .px2rem(font-size,36);
        .px2rem(margin-left,240);
        .px2rem(margin-top,15);
        color: white;
        
    }
}
.zhong{   
     width: 100%; 
    display: flex;
    justify-content: flex-start;
    border-bottom: 25px solid #CCCCCC;
     .px2rem(height,250); 
    .map{     
        display: flex;
        align-items: center;
        justify-content: space-around;
        .map_t{            
            width:10%; 
            .px2rem(margin-left,15);
            
        }
        .huo{           
            margin-left: 3%;
            color: #545454;
            .px2rem(font-size,26);
              .man{
                  span{
                      margin-left:44%;
                  }
              }
              .qita{
                  color: orange;
              }
        }
        .sanjiao{
            width: 10%;
        }
    }
}
.south{
        .px2rem(height,285);
        .px2rem(margin-top,15);
        .southhome{
            .px2rem(height,50);
            background: white;
            display: flex;
            flex-wrap: wrap;
            justify-content:flex-start;
            .picture{
                .px2rem(height,40);
                .px2rem(width,40);               
                .px2rem(margin-left,20);
                .px2rem(margin-top,5)
            }
           span{
                .px2rem(font-size,35);
                .px2rem(margin-left,10);
                .px2rem(margin-top,4);
                color: #CCCCCC;
            }
        }
        .details{
             .px2rem(height,280);
             .px2rem(margin-top,15);
              background: #EEEEEE;
              display: flex;
              flex-wrap: wrap;
             img{
                 width: 25%;
                 .px2rem(height,200);
                 .px2rem(width,180);
                 .px2rem(margin-left,20);
                .px2rem(margin-top,30);
             }
             .details_a{
                 display: flex;
                 flex-wrap: wrap;
                 width: 50%;
                 .px2rem(height,130);
                 .px2rem(margin-left,20);
                .px2rem(margin-top,20);
                .day{
                    .px2rem(font-size,33);
                    .px2rem(line-height,40);
                }
                .color{
                    color: #CCCCCC;
                    
                }
                .time{
                    color: #CCCCCC;
                }
             }
            .many{
                 .px2rem(margin-left,20);
                .px2rem(margin-top,20);
                .px2rem(font-size,30);
            .doller{
               color: orange;                
            }
            .shu{
                .px2rem(margin-left,65);
            }
        }
        }
        
    }
.distribution{
     .px2rem(height,100);
      .px2rem(font-size,35);
      .px2rem(margin-top,70);
      color: #747474;
      border-bottom: 5px solid #CCCCCC;
      .distribution_a{
           display: flex;
           flex-wrap: wrap;           
          
          dt{
             .px2rem(margin-left,20);
             .px2rem(margin-top,20);
          }
          dd{
              .px2rem(margin-left,360);
             .px2rem(margin-top,20);
          }
          dd img{
              .px2rem(height,20);
              .px2rem(width,20);
              .px2rem(margin-left,30);
          }
      }
}
.distribution_b{
     .px2rem(height,100);
      .px2rem(font-size,35);
      color: #747474;
      border-bottom: 5px solid #CCCCCC;
      .distribution_a{
           display: flex;
           flex-wrap: wrap;           
          
          dt{
             .px2rem(margin-left,20);
             .px2rem(margin-top,20);
          }
          dd{
              .px2rem(margin-left,440);
             .px2rem(margin-top,20);
          }
          dd img{
              .px2rem(height,20);
              .px2rem(width,20);
              .px2rem(margin-left,30);
          }
      }
}
.notice{
     .px2rem(height,100);
      .px2rem(font-size,35);
      color: #747474;
     border-bottom: 5px solid #CCCCCC;
      .notice_a{
           display: flex;
           flex-wrap: wrap;           
          
          dt{
             .px2rem(margin-left,20);
             .px2rem(margin-top,20);
          }
         
          dd img{
              .px2rem(height,35);
              .px2rem(width,35);
              .px2rem(margin-left,30);
              .px2rem(margin-top,26);
          }
      }
}
.message{
     .px2rem(height,90);
      .px2rem(font-size,35);
      color: #747474;
     border-bottom: 5px solid #CCCCCC;
      display: flex;
           flex-wrap: wrap;           
          align-content: left;
      .message_a{
           display: flex;
           flex-wrap: wrap;           
          align-content: left;
          dt{
             .px2rem(margin-left,20);
             .px2rem(margin-top,20);
          }
          dd{
             color: #bbbbbb;
             .px2rem(margin-top,20);
             .px2rem(margin-left,20);
          }
      }
}
.submita{
            display: flex;
             flex-wrap: wrap;
             justify-content: ;
              .px2rem(margin-left,185);
              .px2rem(margin-top,40);
          dt{
             .px2rem(margin-left,250);
             .px2rem(margin-top,20);
              .px2rem(font-size,30);
          }
          dt a{
              color: orangered;
          }
          dd{
             color: orangered;
             .px2rem(margin-top,20);
              .px2rem(font-size,30);
             
          }
      }
.submit{
    width: 100%;
     .px2rem(height,90);              
     display: flex;
     flex-wrap: wrap;
    position: fixed;
    top:92.8%;
    background: white;
      .submit_a{
           display: flex;
           flex-wrap: wrap;           
          align-content: left;
          dt{
             .px2rem(margin-left,250);
             .px2rem(margin-top,20);
              .px2rem(font-size,30);
          }
          dt a{
              color: orangered;
          }
          dd{
             color: orangered;
             .px2rem(margin-top,20);
              .px2rem(font-size,30);
             
          }
      }
      .btn{
          .px2rem(width,170);
          .px2rem(font-size,30);
          .px2rem(margin-left,20);
           background:orangered;
           border-color: orangered;
      }
      
}